<!DOCTYPE html>
<html>
	<head>
		<!--[if lt IE 7]>
		<html class="ie ie6 lt8 lt9 lt10"><![endif]-->
		<!--[if IE 7]><html class="ie ie7 lt8 lt9 lt10"><![endif]-->
		<!--[if IE 8]><html class="ie ie8 lt9 lt10"><![endif]-->
		<!--[if IE 9]><html class="ie ie9 lt10"><![endif]-->
		<!--[if (gt IE 9) | !(IE)]><!-->
		
		<!--<![endif]-->
		<meta charset="utf-8">
		<meta name="author" content="guanwang">
		
		<meta name="description" content="">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
		<title>首页</title>
		<META Name="keywords" Content="广州现代信息工程职业技术学院专才学院,学院简介" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/index.css" />
		<!-- 引入swiper -->
		<link rel="stylesheet" href="css/swiper.min.css">
		<script src="js/swiper.min.js"></script>
	</head>
	<body>
		<!-- 头部 -->
		<!-- <header>
			<div class="head">
				<a href="index.html" class="title">现代学院官网</a>
				<span></span>
				<div id="search">
					<a href="#" class="search" id="searchIcon">
						<i class='icon'></i>
					</a>
					<div id="searchForm">
						<div class="searchForm">
							<button>
								<img src="img/search_active.png" alt="" />
							</button>
							<input type="search" placeholder="请输入关键字"/>
							<button id="closeSearch" class="close">
								<img src="img/24gl-cross.png"/>
							</button>
						</div>
					</div>
				</div>
			</div>
		</header> -->
		<!-- 导航栏 -->
		<!-- <nav>
			<div class="logo">
				<img src="img/logo.png"/>
			</div>
			<ul class="menus">
				<li class="submenus">
					<a href="index.html" class="sublink">首页</a>
				</li>
				<li class="submenus">
					<a href="#" class="sublink">专才风貌</a>
					<ol>
						<li> <a href="collegeIntroduction.html">学院简介</a> </li>
						<li> <a href="#">专题报道</a> </li>
					</ol>
				</li>
				<li class="submenus">
					<a href="#" class="sublink">专业建设</a>
					<ol>
						<li> <a href="#">智能制造专业群</a> </li>
						<li> <a href="#">计应与网络专业群</a> </li>
						<li> <a href="#">电商与建筑室内设计专业群</a> </li>
					</ol>
				</li>
				<li class="submenus">
					<a href="#" class="sublink">教学资源</a>
				</li>
				<li class="submenus">
					<a href="#" class="sublink">党团工作</a>
					<ol>
						<li> <a href="#">党建引领</a> </li>
						<li> <a href="#">团学工作</a> </li>
					</ol>
				</li>
				<li class="submenus">
					<a href="#" class="sublink">学生风采</a>
				</li>
				<li class="submenus">
					<a href="#" class="sublink">校企就业</a>
					<ol>
						<li> <a href="schoolEnterpriseEmployment.html">校企动态</a> </li>
						<li> <a href="#">就业指导</a> </li>
						<li> <a href="#">校友风采</a> </li>
					</ol>
				</li>
				<li class="submenus">
					<a href="#" class="sublink">联系我们</a>
				</li>
			</ul>
		</nav> -->
    <script type="text/javascript" src="headerData.js"></script>
		<!-- 轮播 -->
		<div class="banner swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide banner-item">
					<img src="img/banner1.jpg" />
				</div>
				<div class="swiper-slide banner-item">
					<img src="img/banner2.jpg" />
				</div>
				<div class="swiper-slide banner-item">
					<img src="img/banner3.jpg" />
				</div>
				<div class="swiper-slide banner-item">
					<img src="img/banner4.jpg" />
				</div>
			</div>
			<!-- 分页器 -->
			<div class="banner-pagination swiper-pagination"></div>
			<!-- 左右按键 -->
			<div class="banner-btn">
				<div class="banner-button-prev"></div>
				<div class="banner-button-next"></div>
			</div>
			<!-- 通知公告 -->
			<div class="notice">
				<img src="img/notice.png"/>
				<h2>通知公告</h2>
				<div class="context">
					<article>
						<label></label>
						<p>专才学院召开2023-2024学年第一学期期中教学教务会议</p>
						<time>【2023-11-03】</time>
					</article>
					<span class="border"></span>
					<article>
						<label></label>
						<p>看望岗位学生，聆听成长收获</p>
						<time>【2023-11-03】</time>
					</article>
				</div>
			</div>
		</div>
		<!-- 关于专才+专才要闻 -->
		<div class="aboutus">
			<div class="about-left">
				<h1>关于专才</h1>
				<div class="video swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide video-item">
							<!-- <video src="img/340fa795299c2c0f0d0854c8c10baa78.mp4" width="703" height="398" ></video> -->
							<!-- 暂时用背景颜色替换 -->
							<p style="width: 100%; height: 100%; background-color: #d7d7d7;"></p>
							<aside>
								<img src="img/start.png"/>
							</aside>
						</div>
						<div class="swiper-slide video-item">
							<!-- <video src="img/340fa795299c2c0f0d0854c8c10baa78.mp4" width="703" height="398"></video> -->
							<p style="width: 100%; height: 100%; background-color: #d7d7d7;"></p>
							<aside>
								<img src="img/start.png"/>
							</aside>
						</div>
						<div class="swiper-slide video-item">
							<!-- <video src="img/340fa795299c2c0f0d0854c8c10baa78.mp4" width="703" height="398"></video> -->
							<p style="width: 100%; height: 100%; background-color: #d7d7d7;"></p>
							<aside>
								<img src="img/start.png"/>
							</aside>
						</div>
					</div>
					<!-- 分页器 -->
					<div class="video-pagination swiper-pagination"></div>
				</div>
			</div>
			<div class="about-right">
				<h1>
					专才要闻
					<strong>NEW</strong>
					<a href="">
						<img src="img/right-btn.png" />
					</a>
				</h1>
				<ul>
					<li>
						<a href="#">
							<time>2023.11.03</time>
							<p>专才学院召开2023-2024学年第一学期期中教学检查学生代表座谈会</p>
						</a>
					</li>
					<li>
						<a href="#">
							<time>2023.10.27</time>
							<p>看望岗位学生，聆听成长收获</p>
						</a>
					</li>
					<li>
						<a href="#">
							<time>2023.10.20</time>
							<p>喜讯！专才学院教工党支部叶斌老师获全校徽党课比赛一等奖</p>
						</a>
					</li>
					<li>
						<a href="#">
							<time>2023.09.24</time>
							<p>心系学子，我院辅导员陈思羽赴企业看望岗位学生</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 产学合作 -->
		<div class="industry">
			<main>
				<article>
					<h1>
						产学合作
						<label>Industry-university cooperation</label>
					</h1>
					<a href="#">
						<span>查看更多</span>
						<img src="img/right-btn.png"/>
					</a>
				</article>
				<div class="tabbar">
					<div class="tab1">
						<!-- 三角形 -->
						<div class="triangle"></div>
						<h2>合作企业</h2>
						<ul>
							<li>
								<img src="img/img1_03.png"/>
								<aside>
									<h3>广东厚溥教育科技有限公司</h3>
									<p>广东厚溥教育科技有限公司致力于服务广东省高等院校信息技术相关学院</p>
								</aside>
							</li>
							<li>
								<img src="img/img2_06.png"/>
								<aside>
									<h3>广东迪飞无人机科技有限公司</h3>
									<p>广东迪飞无人机科技有限公司，是国内无人机教育先行者、无人机培训先导者</p>
								</aside>
							</li>
							<li>
								<img src="img/img3_12.png"/>
								<aside>
									<h3>智慧财税研究院（广州）股份有限公司</h3>
									<p>智慧财税研究院（广州）股份有限公司，是一家基于新思想、新概念成立的机构</p>
								</aside>
							</li>
							<li>
								<img src="img/img4_14.png"/>
								<aside>
									<h3>广东新思路教育科技有限公司</h3>
									<p>广东新思路教育科技有限公司是阿里巴巴官方指定华南区域的人才服务培训机构</p>
								</aside>
							</li>
						</ul>
					</div>
					<div class="tab2 swiper-container">
						<ol class="swiper-wrapper">
							<li class="swiper-slide">
								<img src="img/industry1.png" />
								<h4>产学头条</h4>
								<h3>2021级电子商务专业项目化教学成果汇报暨校企合作展示会</h3>
								<p>6月8日下午，我院在ICT大楼204举行了2021级电子商务专业项目化教学成果汇报会，充分展示专才学院基于“项目驱动、产教融合”的“岗课赛证”综合育人模式。本次活动邀请了我校常务副校长朱志坚，董事长助理兼专才学院副院长曾金平，校党委委员、考培学院院长左仁酉，就业办主任李然东，广州集泰化工股份有限公司电商部经理黄泽莹以及人力资源部经理赵卫娜，专才学院全体专任教师、辅导员和21级电商班学生参加了本次汇报展示。会议由专才学院党总支书记兼教学办主任韦子生主持。</p>
							</li>
							<li class="swiper-slide">
								<img src="img/industry1.png" />
								<h4>产学头条</h4>
								<h3>2021级电子商务专业项目化教学成果汇报暨校企合作展示会</h3>
								<p>6月8日下午，我院在ICT大楼204举行了2021级电子商务专业项目化教学成果汇报会，充分展示专才学院基于“项目驱动、产教融合”的“岗课赛证”综合育人模式。本次活动邀请了我校常务副校长朱志坚，董事长助理兼专才学院副院长曾金平，校党委委员、考培学院院长左仁酉，就业办主任李然东，广州集泰化工股份有限公司电商部经理黄泽莹以及人力资源部经理赵卫娜，专才学院全体专任教师、辅导员和21级电商班学生参加了本次汇报展示。会议由专才学院党总支书记兼教学办主任韦子生主持。</p>
							</li>
							<li class="swiper-slide">
								<img src="img/industry1.png" />
								<h4>产学头条</h4>
								<h3>2021级电子商务专业项目化教学成果汇报暨校企合作展示会</h3>
								<p>6月8日下午，我院在ICT大楼204举行了2021级电子商务专业项目化教学成果汇报会，充分展示专才学院基于“项目驱动、产教融合”的“岗课赛证”综合育人模式。本次活动邀请了我校常务副校长朱志坚，董事长助理兼专才学院副院长曾金平，校党委委员、考培学院院长左仁酉，就业办主任李然东，广州集泰化工股份有限公司电商部经理黄泽莹以及人力资源部经理赵卫娜，专才学院全体专任教师、辅导员和21级电商班学生参加了本次汇报展示。会议由专才学院党总支书记兼教学办主任韦子生主持。</p>
							</li>
						</ol>
						<div class="btnlist">
							<!-- 分页器 -->
							<div class="tab2-pagination swiper-pagination"></div>
							<!-- 左右按键 -->
							<div class="tab2-button-prev"></div>
							<div class="tab2-button-next"></div>
						</div>
					</div>
					<div class="tab3">
						<h2>
							名师工匠
							<a href="#">
								<label>查看更多</label>
								<img src="img/right-btn.png" />
							</a>
						</h2>
						<div class="picture">
							<img src="img/teacher.jpg"/>
						</div>
						<p>兰倩，中共党员，香港都会大学MBA研究生，经济学讲师/高级人力资源管理师、高级新媒体运营师、高级电子商务师、高级国学与现代教育教师、1+X新媒体证书证书（高级）师资、助理会计师、报检员、国际商务单证员资格。</p>
					</div>
				</div>
			</main>
		</div>
		<!-- 专业作品展示 -->
		<div class="works-display swiper-container">
			<div class="title">
				<h1>
					专业作品展示
					<label>Professional word display</label>
				</h1>
				<div class="tabbar">
					<ul>
						<li>
							<a href="#">计应与网络作业群</a>
						</li>
					</ul>
					<div class="more">
						<a href="">查看更多</a>
					</div>
					<ol>
						<li class="words-button-prev"></li>
						<li class="words-button-next"></li>
					</ol>
				</div>
			</div>
			<div class="displaylist swiper-wrapper">
				<article class="swiper-slide">
					<img src="img/words (1).jpg" alt="" />
					<p>
						<strong>作品名称：狗头品牌视觉识别手册</strong>
						<em>作者：陈思敏</em>
					</p>
				</article>
				<article class="swiper-slide">
					<img src="img/words (2).jpg" alt="" />
					<p>
						<strong>作品名称：狗头品牌视觉识别手册</strong>
						<em>作者：陈思敏</em>
					</p>
				</article>
				<article class="swiper-slide">
					<img src="img/words (3).jpg" alt="" />
					<p>
						<strong>作品名称：狗头品牌视觉识别手册</strong>
						<em>作者：陈思敏</em>
					</p>
				</article>
				<article class="swiper-slide">
					<img src="img/words (4).jpg" alt="" />
					<p>
						<strong>作品名称：狗头品牌视觉识别手册</strong>
						<em>作者：陈思敏</em>
					</p>
				</article>
				<article class="swiper-slide">
					<img src="img/words (5).jpg" alt="" />
					<p>
						<strong>作品名称：狗头品牌视觉识别手册</strong>
						<em>作者：陈思敏</em>
					</p>
				</article>
				<article class="swiper-slide">
					<img src="img/words (6).jpg" alt="" />
					<p>
						<strong>作品名称：狗头品牌视觉识别手册</strong>
						<em>作者：陈思敏</em>
					</p>
				</article>
			</div>
		</div>
		<!-- 为什么选择专才 -->
		<div class="specialists">
			<h1>为什么选择专才</h1>
			<ol>
				<li>
					<h3>标题</h3>
					<p>理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由</p>
				</li>
				<li>
					<h3>标题</h3>
					<p>理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由</p>
				</li>
				<li>
					<h3>标题</h3>
					<p>理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由</p>
				</li>
				<li>
					<h3>标题</h3>
					<p>理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由</p>
				</li>
				
				<li>
					<h3>标题</h3>
					<p>理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由理由</p>
				</li>
			</ol>
		</div>
		<!-- 岗位学生 -->
		<div class="employment">
			<div class="container">
				<h1>看望岗位学生&nbsp;&nbsp;&nbsp;聆听成长收获</h1>
				<div class="employ-banner swiper-container">
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<p>专才学院21级学生赖颖斌在工学交替期间选择自主创业，于2023年4月7日创建了广州麦克斯宠物有限公司。该公司位于广州市越秀区北京路段，主营业务包括宠物饲养、服务；宠物销售、宠物食品及用品零售等。</p>
							<img src="img/student-employ1.jpg" />
						</li>
						<li class="swiper-slide">
							<p>专才学院学生李锦涛在工学交替期间在广州东煌网络科技有限公司担任前端开发工程师的职位，主要负责日常开发和调节网页，以及负责线上宝塔服务器的问题处理等，技术栈：HTML、CSS、JavaScript、Vue3、Vant、Element UI、Axios等技术，制作网页、组件和落地页，并确保它们在不同的浏览器和设备上都能正常工作。</p>
							<img src="img/student-employ2.jpg" />
						</li>
						<li class="swiper-slide">
							<p>专才学院学生李永锋在工学交替期间在广东地球村计算机系统股份有限公司担任初级运维工程师的职位，主要负责维护公司内部PC及周边的办公设备、公仪相关设备，负责内部网络和故障处理、IT设备安装、调试等。</p>
							<img src="img/student-employ3.jpg" />
						</li>
					</ul>
					<div class="btnlist">
						<!-- 分页器 -->
						<div class="employ-pagination swiper-pagination"></div>
						<!-- 左右按键 -->
						<div class="employ-button-prev"></div>
						<div class="employ-button-next"></div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 尾部 -->
		<footer>
			<div class="left">
				<h2>咨询热线电话：020-2232 5928</h2>
				<h4>
					<strong>学校地址</strong>：广州市天河区珠吉路660号
				</h4>
				<p>Copyright&nbsp;&nbsp;&copy;&nbsp;&nbsp;2005-2021 广州现代信息工程职业技术学院 Gzmiec.Edu.Cn Al Rights Reserved</p>
			</div>
			<aside>
				<img src="img/code.jpg" />
				<p>学校微信公众号</p>
			</aside>
		</footer>
	</body>
</html>
<script src="js/style.js"></script>
<script src="js/index.js" type="text/javascript"></script>